<script setup>
import {useRouter} from "vue-router";

const router = useRouter()
const goBack = () => {
  router.push('/welcome')
}
const goNext = () => {
  router.push('/OKMessageRegister')
}
</script>
<template>
  <div class="register-notice">
    <h2 style="text-align: center">新生信息注册注意事项</h2>
    <hr>
    <p>为了确保您能够顺利完成注册并享受相关服务，请您在注册前仔细阅读以下注意事项：</p>

    <h3>一、注册前准备</h3>
    <p>1. 请确保您使用的最新版本浏览器，如 Chrome、Firefox 等。</p>
    <p>
      例如：若使用过旧的浏览器版本，可能会导致页面加载异常，某些功能无法正常使用，如表单验证无法生效、页面样式错乱等，从而影响注册流程的顺利进行。</p>
    <p>2. 准备好您的个人有效证件，如身份证、护照等，以便在注册过程中准确填写相关信息。</p>

    <h3>二、注册信息填写</h3>
    <p>1. 用户名：</p>
    <p>- 用户名长度应在 6 - 20 个字符之间。</p>
    <p>- 只能包含字母、数字和下划线。</p>
    <p>比如：“vue_user123” 是一个合法的用户名，而“@vue#user”则不符合要求。</p>
    <p>2. 密码：</p>
    <p>- 密码长度至少 8 个字符。</p>
    <p>- 必须包含字母、数字和特殊字符。</p>
    <p>建议使用强密码，例如：“Vue123!@#”，避免使用过于简单易猜的密码，如“123456”、“password”等，以保障您的账号安全。</p>
    <p>3. 个人信息：</p>
    <p>- 姓名应与有效证件上的一致。</p>
    <p>- 联系方式请填写真实有效的手机号码或邮箱地址，以便接收重要通知。</p>
    <p>请务必认真填写，若填写错误可能导致无法及时接收重要信息，如账号激活邮件、系统通知等。</p>

    <h3>三、信息提交与审核</h3>
    <p>1. 在提交注册信息前，请仔细核对所填内容的准确性和完整性。</p>
    <p>一旦提交，注册信息将无法随意更改，若发现错误可能需要繁琐的申诉流程来修正。</p>
    <p>2. 注册信息提交后，系统将进行审核，审核时间通常为 1 - 3 个工作日。</p>
    <p>请您耐心等待，审核期间不要重复提交注册信息，以免造成系统混乱。</p>
    <p>3. 审核结果将通过您注册时提供的联系方式通知您，请保持关注。</p>
    <p>若审核未通过，会告知您具体原因，您可根据提示修改注册信息后重新提交。</p>

    <h3>四、其他注意事项</h3>
    <p>1. 每个用户只能注册一个账号，请勿重复注册。</p>
    <p>重复注册可能导致账号被封禁，影响您的正常使用。</p>
    <p>2. 注册过程中如遇到问题，请及时联系我们的客服人员，联系方式：[客服邮箱] 或 [客服电话]。</p>
    <p>我们的客服团队将竭诚为您服务，帮助您解决注册过程中遇到的任何问题。</p>
    <hr>
    <div class="notice_button">
      <el-button type="primary" @click="goBack()" size="large">返回</el-button>
      <el-button type="primary" @click="goNext()" size="large">同意并继续</el-button>
    </div>
  </div>
</template>

<style scoped>
.register-notice {
  padding: 50px 200px 200px;
}

.notice_button {
  margin: 0 auto;
  width: 60%;
  display: flex;
  justify-content: space-between;
}
</style>